.page-list .pagination {float:left;}
.page-list .pagination span {cursor: pointer;}
.page-list .pagination .separate span{cursor: default; border-top:none;border-bottom:none;}
.page-list .pagination .separate span:hover {background: none;}
.page-list .page-total {float:left; margin: 25px 20px;}
.page-list .page-total input, .page-list .page-total select{height: 26px; border: 1px solid #ddd;}
.page-list .page-total input {width: 40px; padding-left:3px;}
.page-list .page-total select {width: 50px;}
.pagination>.active>span{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #009688;
    border-color: #009688;
}

.pagination>li>span{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #009688;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #009688;
}
.pagination>li>span:hover{
    z-index: 2;
    color: #23527c;
    background-color: #009688;
    border-color: #009688;
    opacity: 0.7;
}
.pagination>.disabled>span{
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #009688;
}
.page-list{
    float: left;
    position: fixed;
    width: 300px;
    bottom: 20%;
}
@media screen and (max-width: 767px){
    .page-list{margin-left: 5%;}
}